<template>
    <div id="myeditor">
        
    </div>
</template>

<script setup>
import { onMounted ,defineEmits,defineProps} from "vue";
import E from "wangeditor"
const emit = defineEmits("event")
const props = defineProps({
    content:String
})

onMounted(()=>{
    const editor = new E("#myeditor")
    editor.create()
    props.content && editor.txt.html(props.content)
    editor.config.onchange = function(newHtml){
        console.log("change之后的HTML",newHtml)

        //子传父
        emit("event",newHtml)
    }
})

</script>